<template>
    <div>refReactive</div>
    <div>{{count}}</div>
    <div>{{o}}</div>
    <!-- <div>{{rea}}</div> -->
    <Test ref="test"/>
</template>

<script>
import {reactive, ref} from 'vue';
import Test from './Test.vue'
export default {
    components: {
      Test
    },
    setup() {
        const count = ref(0)
        const o = ref({a: 9, value: 'val'})
        // const rea = reactive(199);
        const test = ref(null);

        console.log(count.value) // 0

        count.value++
        console.log(count.value) // 1

        setTimeout(() => {
            // rea = 999
            o.value.a = 777;
            console.log(test, 'test');
        }, 3000)

        return {
            count,
            o,
            // rea,
            test
        }
    },
}
</script>